<template>
    <div class="big" :style="{display:xiaoshi}">
        <span>广告</span>
        <p @click="guanbi" >{{X}}</p>
    </div>
</template>

<script>
export default {
    data(){
        return{
            X:"×",
            xiaoshi:"block"
        }
    },
    methods:{
        guanbi(){
            this.X = this.none == "block"? "none":"block"
        }
    }
}
</script>

<style lang="scss" scoped>
    .big{
        width: 841px;
        height: 106px;
        border: 1px solid red;
        margin: 50px auto;
        display: block;
        p{
            margin-left:830px ;
            margin-top:70px ;
        }
    }
</style>